<template>
  <div class='MirrorMakeup wh100 bg-style'  style='background-image:url(../static/image/makeup_background.jpg)'>
      <div class="rightMenu po-a">
          <div class="eye menu"></div>
          <div class="lip menu"></div>
          <div class="face menu"></div>
          <div class="other menu"></div>
          <div class="details menu"></div>
          <div class="restore menu"></div>
          <div class="photograph menu"></div>
      </div>
      <div class="bottomMenu po-a">
        <div class="homeBtn">
        </div>
      </div>
  </div>
</template>
<script>

  // import coverBox from './.vue'
  export default {
    name:'Index',
    props: {},
    data() {
      return {}
    },
    beforeCreate() {},
    created() {},
    beforeMount() {},
    computed: {},
    mounted() {},
    beforeDestroy() {},
    destroyed() {},
    methods: {},
    components: {}
  }
</script>
<style scoped>
.MirrorMakeup{
  
}
.bottomMenu{
  width: 19.2rem;
  height: 1.69rem;
  bottom:0;
  background: rgba(0,0,0,0.5);
}
.rightMenu{
  width: .9rem;
  right: 0.65rem;
  top:0.65rem;
  height: 8rem;
  background: red;
}
</style>
